

function traiterliste(e)
{
	var requete = createXmlHttpRequestObject();
	var nomCateg = e.target.value;
	url = "informations_traitement.php";
	requete.open("POST", url, true);
	requete.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	requete.onreadystatechange = function(){afficherTableau(requete, nomCateg)};
	var data = "nomCateg="+nomCateg;
	requete.send(data);
}

// affichage du tableau de flux en fonction du site selectionn�
function afficherTableau(requete, nomCateg)
{
	if (requete.readyState==4 && (requete.status == 200 || requete.status == 0)) {
		document.body.style.cursor='default';
		var tab = JSON.parse(requete.responseText);
		var tabnode = construireTab(tab, nomCateg);
		
		var nodeTab = document.getElementById("tabinfos");
		
		// On supprimer le tableau si il y est
		for (var m=0; m<nodeTab.childNodes.length; m++)
		{
			nodeTab.removeChild(nodeTab.childNodes.item(m));
		}
		nodeTab.appendChild(tabnode);
		
	}
	else
	{
		if (requete.readyState < 4) 
		{
			document.body.style.cursor='wait';
		}
	}
}

// fonction qui construit le tableau avec une chaine pass� en param ainsi que le titre
function construireTab(tableau, titreTableau)
{
	var tab = document.createElement("table");
	var caption = document.createElement("caption");
	var titreTab = document.createTextNode(titreTableau);
	
	caption.appendChild(titreTab);
	tab.appendChild(caption);
	
	var tabHead = document.createElement("thead");
	var trh = document.createElement("tr");
	var thDate = document.createElement("th");
	var titreDate = document.createTextNode("Date");
	var thTitre = document.createElement("th");
	var titre = document.createTextNode("Titre de l'information");
	var thAuteur = document.createElement("th");
	var titreAuteur = document.createTextNode("Auteur");
	
	thDate.appendChild(titreDate);
	thTitre.appendChild(titre);
	thAuteur.appendChild(titreAuteur);
	
	trh.appendChild(thDate);
	trh.appendChild(thTitre);
	trh.appendChild(thAuteur);
	
	tabHead.appendChild(trh);
	tab.appendChild(tabHead);
	
	
    var tabBody = document.createElement("tbody");
	nbLignes = tableau.informations.length;
	
	for(var j=0;j<nbLignes;j++)
	{
		// creates a table row
		var row = document.createElement("tr");
		
		// Cr�ation date
		var cell = document.createElement("td");
		var date = document.createTextNode(tableau.informations[j].date);
        cell.appendChild(date);
        row.appendChild(cell);
        
        
		// Cr�ation des titres d'infos
		var cell = document.createElement("td");
		var titre = document.createElement("a");
		var lien = "information.php?idInfo="+tableau.informations[j].id_information;
		
		titre.setAttribute("href",lien);
		var nomTitre = document.createTextNode(tableau.informations[j].titre);
		
		titre.appendChild(nomTitre);
        cell.appendChild(titre);
        row.appendChild(cell);
        
     // Cr�ation date
		var cell = document.createElement("td");
		var auteur = document.createTextNode(tableau.informations[j].auteur);
        cell.appendChild(auteur);
        row.appendChild(cell);
        
        
		// add the row to the end of the table body
        tabBody.appendChild(row);
	}
	// put the <tbody> in the <table>
    tab.appendChild(tabBody);
    return tab;
} 


// Chargement de la page 
function charge(){
	addListener(document.getElementById('liste_categories'),'change',traiterliste);
}


addListener(window,'load',charge);
